<template>
	<view class="Loading">
		<image src="../../static/img_loading.png" />
	</view>
</template>

<script>
	export default {
		name: "LoadingIcon",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	@keyframes router {
		from {
			transform: rotate(0deg);
		}

		to {
			transform: rotate(360deg);
		}
	}

	.Loading {
		position: fixed;
		z-index: 6;
		left: 45%;
		top: 60%;
		image {
			width: 40px;
			height: 40px;
			animation: router .5s linear infinite;
		}
	}
</style>
